@import './group-common.scss';
@import "~taro-ui-vue/dist/style/components/curtain.scss"; 
.group-home { 
  background-color: #FEFCE4;
  height: 100vh;
  width: 100%;   
  .custom-header {
  }
  &-main { 
    height: 100%;
    position: absolute;
    top: 0; 
    .main-title {
      height: 700px;
      width: 100%; 
      position: relative;
    }
  }
  .group-rule { 
    margin: 0 auto; 
    width: 170px;
    height: 52px;
    background: #FF8000;
    border: 2px solid #A13D0F; 
    border-radius: 100px; 
    display: flex;
    justify-content: center;
    align-items: center;
    text {  
      font-size: 28px; 
      font-weight: 400; 
      color: #FFFFFF; 
      margin-right: 8px;
    }
    &-img {
      width: 10px;
      height: 18px;
    }
  }

  .rule-modal {
    flex: 1;
    overflow-x: hidden;
    view { 
      text-align: left;
      line-height: 48px;  
      font-size: 28px;
      font-family: PingFang SC;
      font-weight: 400; 
      color: #303133; 
      margin-bottom: 24px;
      &:last-child {
        margin-bottom: 48px;
      }
    }
  }
  &-content {
    background-color: #FEFCE4; 
    padding: 82px 28px 32px;
    box-sizing: border-box; 
  }
  .team-detail-desc {
    height: 40px;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400; 
    color: #909399;  
    text-align: center;
  }
  .team-detail-wrap {
    margin-bottom: 32px; 
  }
  .edit-group-name-modal {
    .custom-comtainer-close{
      margin-bottom: 16px;
    }
    .edit-group-footer {
      padding: 12px 40px;
      display: flex; 
      justify-content: space-around;
      view {
        width: 320px;
        height: 88px;
        text-align: center;
        border-radius: 100px;
        line-height:88px;
        &:first-child {
          border: 2px solid #F3F3F3;
          margin-right: 30px;
          @include base-text(88px, 32px, #909399, 400);
        }
        &:last-child {
          @include base-text(88px, 32px, #FFFFFF, 400);
          background-size: 100% 100%;
          background-image: url('https://xthk.oss-cn-shenzhen.aliyuncs.com/teach/1607068968658_0.13675706375957497_button-small.png');
        }
      }
    }
  }
  .has-operation {
    margin-bottom: 30px;
  }
  .leader-modal {
    position: relative;
    text-align: center;
    width: 100%;
    height: 600px;
    padding-top: 124px;
    background-size: 100% 100%;
    background-image: url('http://xthk-edu-test.oss-cn-shenzhen.aliyuncs.com/1607501273292_0.7396776669703975');
    &-title {
      @include base-text(56px, 40px, #303133); 
      letter-spacing: 2px;  
      margin-bottom: 16px;
    }
    &-desc {
      margin-bottom: 84px;
      @include base-text(40px, 28px, #909399, 400); 

    }
    &-logo {
      width: 480px;
      height: 236px;
      position: absolute;
      top: -144px;
      left: 50%;
      transform: translateX(-50%);
    }
    .share {
      width: 100%;
      display: flex;
      justify-content: center;
      @include base-text(34px, 24px, #606266, 400); 
      view {
        text-align: center;
      }
      &-logo {
        width: 120px;
        height: 120px;
        margin-bottom: 24px; 
      } 
    }
  }
  .at-action-sheet__container {
    padding: 24px 30px 0;
  }
}